*{
    margin: 0;
    padding: 0;
}
li {
    list-style: none;
}
.login {
    display: flex;
    margin-top: (320/750)*100vw;
    flex-direction: column;
    text-align: center;
    transition: all 0.5s;

    .title{
       margin: auto;
       font-size: (75/750)*100vw;
       font-weight: 700;
       color: #0EBE7F;
       transition: all 0.5s;

    }
    li {
        position:relative;
        height: (135/750)*100vw;
        transition: all 0.5s;

        input[type=text] {
            position: absolute;
            bottom: 0;
            left: (95/750)*100vw;
            width: (616/750)*100vw;
            height: (60/750)*100vw;
            font-size: (50/750)*100vw;
            border: 0;
            outline: none;
            border-bottom: #757575 solid (4/750)*100vw;
            transition: all 0.5s;

        }
        .login-btn {
            margin-top: (50/750)*100vw;
            width: (545/750)*100vw;
            height: (75/750)*100vw;
            border-radius: (18/750)*100vw;
            border: none;
            background: #0EBE7F;;
            color: #FFFFFF;
            font-size: (35/750)*100vw;
            font-weight: 700;
            transition: all 0.5s;

        }
        .subtitle {
            position: absolute;
            bottom: (10/750)*100vw;
            left: (95/750)*100vw;
            font-size: (60/750)*100vw;
            transition: all 0.5s;
        }
    }
    .register {
        font-size: (25/750)*100vw;
        font-weight:400;
        color: #0EBE7F;
        transition: all 0.5s;
    }
}
.msg {
    margin: auto;
    line-height: (60/750)*100vw;
    width: (616/750)*100vw;
    height: (60/750)*100vw;
    overflow: hidden;
    border-radius: (10/750)*100vw;
    background-color: #b7b1b1;
}
.hide {
    height: 0;
}